<!--<meta http-equiv="refresh" content="1"/>-->
<link href="__PUBLIC__/Home/css/sane.css"  type="text/css" rel="stylesheet"/>
<script src="__PUBLIC__/js/jquery-1.11.3.min.js" type="text/javascript"></script>
<link href="__PUBLIC__/css/bootstrap.css"  type="text/css" rel="stylesheet"/>
<script src="__PUBLIC__/js/bootstrap.js" type="text/javascript"></script>
<script src="__PUBLIC__/js/layer/layer.js" type="text/javascript"></script>
<script src="__PUBLIC__/js/jquery.js" type="text/javascript"></script>
<script src="__PUBLIC__/Home/js/bookRefer.js" type="text/javascript"></script>
<div class="c-main-left-content">
    <div class="con_title">
        <h3>书籍查询</h3>
    </div>
    <div class="title_tip">
        <img class="record_icon" src="/Public/img/record_01.jpg"/>
        <span class="record_news">书籍是人类进步的阶梯。</span>
    </div>

    <div class="box_box">
        <div class="show_sousuo">
            <form action="{:U('Home/BookManage/bookRefer')}" method="post">
                <span id="select_title1">书籍名称：</span>
                <input type="text" name="book_name">
                <select name="select_title" id="select_title">
                    <option value="book_type_id">图书类型</option>
                    <option value="book_case_id">图书书架</option>
                    <option value="book_isbn_id">出版社</option>
                </select>
                <select name="book_type_id" class="city" >
                    <option value="">请选择</option>
                    <volist name="_getBookTypeTableInfo" id="vo" >
                        <option value="{$vo['book_type_id']}">{$vo['book_type_name']}</option>
                    </volist>
                </select>
                <select name="book_case_id" class="city" >
                    <option value="">请选择</option>
                    <volist name="_getBookCaseTableInfo" id="zo">
                        <option value="{$zo['book_case_id']}">{$zo['book_case_name']}</option>
                    </volist>
                </select>
                <select name="book_isbn_id" class="city">
                    <option value="">请选择</option>
                    <volist name="_getBookIsbnTableInfo" id="fo">
                        <option value="{$fo['book_isbn_id']}">{$fo['book_isbn_name']}</option>
                    </volist>
                </select>
                <div class="read_submit" id="show_left">
                    <img src="__PUBLIC__/Admin/img/record_02.jpg" alt="搜索">
                    <input type="submit" value="查询" >
                    <a href="#" data-toggle="modal" data-target="#myModal">借阅规则</a>
                </div>
            </form>
        </div>
        <!-- Modal -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title model-attestation" id="myModalLabel">书籍借阅规则</h4>
                    </div>
                    <div class="model_info">
                        <span>&nbsp;&nbsp;1. 实名认证</span><br/>
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;购书之前先进行网站实名认证，才允许书籍购买，实名认证信息将受本网站保护系统进行实时保护，您可以放心购买书籍。</span><br/>
                        <span>&nbsp;&nbsp;2. 关于您的信息</span><br/>
                                        <span>
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我集团收集您的相关信息，目的在于为您提供更优质的产品和服务：如您的姓名、电子邮件、电话号码以及地址。我们不会对外泄露你的个人信息。我集团将把以上相关信息用于了解您的需求以及各项业务的开展。而我集团可能会把您的相关信息提供给与我集团联合提供业务的合作伙伴，该等合作伙伴仍需对您的相关信息进行保密。
                                        </span><br/>
                        <span>&nbsp;&nbsp; 3.借阅限制</span><br/>
                                       <span>
                                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 根据不同用户的角色，本书点开设的权限不同，借阅的本数不同。
                                       </span><br/>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>
        <!----->
        <div class="book_show_box">
            <div class="book_show_span">
                <!--<span>书籍信息<c id="c_color">（点击图书名称查看详情）</c></span>-->
                <span>书籍信息</c></span>
            </div>
            <div class="height_con">
                <table class="book_show_table">
                    <tr>
                        <!--<th>条形码</th>-->
                        <th>图书名称</th>
                        <th>图书类型</th>
                        <th>图书书架</th>
                        <th>出版社</th>
                        <th>图书数量</th>
                        <th>操作</th>
                    </tr>
                    <volist name="_getBookShowInfo" id="vo">
                        <tr>
                            <!--<td>{$vo['book_barcode']}</td>-->
                            <td class="court_name">
                                {$vo['book_name']}
                            </td>
                            <td>
                                <volist name="_getBookTypeTableInfo" id="so" >
                                    <if condition="$vo['book_type_id'] eq $so['book_type_id']">{$so['book_type_name']}</if>
                                </volist>
                            </td>
                            <td>
                                <volist name="_getBookCaseTableInfo" id="so">
                                    <if condition="$vo['book_case_id'] eq $so['book_case_id']">{$so['book_case_name']}</if>
                                </volist>
                            </td>
                            <td>
                                <volist name="_getBookIsbnTableInfo" id="so">
                                    <if condition="$vo['book_isbn_id'] eq $so['book_isbn_id']">{$so['book_isbn_name']}</if>
                                </volist>
                            </td>
                            <td>{$vo['book_number']}</td>
                            <td>
                                <a href="{:U('Home/BookManage/bookShowInfo',array('book_id'=>$vo['book_id']))}" class="wyz_a"><button class="wyz_bb">查看详情</button></a>
                                <button class="bor wyz_bb" data-id-book="{$vo['book_id']}">借阅</button>
                                <input type="hidden" value="{:U('Home/BookManage/borrowBook')}" id="book_url">
                            </td>
                        </tr>
                    </volist>
                </table>
            </div>

        </div>
    </div>
</div>
<script>
    $(document).ready(function() {
        $("#select_title").change(function () {
            $("#select_title option").each(function (i, o) {
                if ($(this).attr("selected")) {
                    $(".city").hide();
                    $(".city").eq(i).show();
                }
            });
        });
        $("#select_title").change();
    });
</script>


